<template>
    <div>
        <head-menu :text-color="color"></head-menu>
        <banner @colorTiming="colorTiming"></banner>
        <div class="content"></div>
    </div>
</template>

<script>
    import headMenu from './header';
    import banner from "./banner";
    export default {
        name: "index",
        components:{
            headMenu,
            banner
        },
        data () {
            return {
                color: ''
            }
        },
        methods: {
            //轮播图通知导航栏更改颜色字体
            colorTiming(value) {
                this.color = value;
            },
        }
    }
</script>

<style scoped>
    .content{
        height: 1900px;
    }
</style>
